<!DOCTYPE html>
<html>
    <head></head>
    <body>
        <section class="oe_container">
            <div class="oe_row oe_spaced">
                <h2 class="oe_slogan">Cost Spreading</h2>
                <div class="oe_span12">
                    <p class="oe_mt32"><center>
                        Spread costs or invoices over months, quarters or years to even out cost or invoice spikes.
                    </center></p>
                </div>
            </div>
        </section>

        <section class="oe_container">
            <div class="oe_row">
               <h3 class="oe_slogan">Create spreading definition.</h3>
               <div class="oe_span12">
                    <p class='oe_mt32'><center>
                        On the invoice line the spreading is defined.
                    </center></p>
                </div>
                <div class="oe_span12">
                    <div class="oe_demo oe_picture oe_screenshot">
                        <img src="create_spread.png" alt="Create spreading definition">
                    </div>
                </div>

            </div>
        </section>

        <section class="oe_container">
            <div class="oe_row">
               <h3 class="oe_slogan">Create spreading proposal.</h3>
               <div class="oe_span12">
                    <p class='oe_mt32'><center>
                        After validation of the invoice the spreading lines are proposed.
                    </center></p>
                </div>
                <div class="oe_span12">
                    <div class="oe_demo oe_picture oe_screenshot">
                        <img src="spread_0.png" alt="Create spreading definition">
                    </div>
                </div>

            </div>
        </section>

        <section class="oe_container">
            <div class="oe_row">
               <h3 class="oe_slogan">Create moves.</h3>
               <div class="oe_span12">
                    <p class='oe_mt32'><center>
                        The unposted moves are created after clicking the gears on the spreading proposal.
                    <center></p>
                </div>
                <div class="oe_span12">
                    <div class="oe_demo oe_picture oe_screenshot">
                        <img src="spread_1.png" alt="Create spreading definition">
                    </div>
                </div>
                <div class="oe_span12">
                    <div class="oe_demo oe_picture oe_screenshot">
                        <img src="spread_2.png" alt="Create spreading definition">
                    </div>
                </div>
            </div>
        </section>


    </body>
</html>
